import React from "react";
import Waves from "@/components/Waves/Waves";
import SplashCursor from "@/components/SplashCursor/SplashCursor";
import GlitchText from "@/components/GlitchText/GlitchText";

const Index = () => {
    return (
        <>
            <Waves
                lineColor="#eee"
                backgroundColor="rgba(0, 0, 0, 0.2)"
                waveSpeedX={0.02}
                waveSpeedY={0.01}
                waveAmpX={40}
                waveAmpY={20}
                friction={0.9}
                tension={0.01}
                maxCursorMove={120}
                xGap={12}
                yGap={36}
            />
            <SplashCursor />
            <GlitchText
                speed={1}
                enableShadows={true}
                className="custom-class"
                multiline
            >
                {"Hello\nWorld"}
            </GlitchText>
        </>
    );
};

export default Index;
